@charset "UTF-8";

.#{$ns-comp}table {
	width: 100%;
	background: $white;
	border: 1px solid $color-border;

	&.has-striped {
		tr:nth-child(odd) {background-color: $color-striped;}
	}

	&.has-hover {
		tr:hover {background-color: $dark-white;}
	}

	&.has-bordered {
		th, td {
			border-left-width: 1px;
			border-right-width: 1px;
		}
	}

	th, td {
		padding: 5px $input-pd-lr;
		font-weight: 400;
		border: 1px solid $color-border;
		border-left-width: 0;
		border-right-width: 0;
	}

	th {background-color: $color-thead;}

	/* 表头底线 */
	> thead > tr {
		border-bottom: 2px solid $color-border;
	}
}
